<!doctype html>
<!--[if IE 7 ]>
<html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>
<html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>
<html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if lt IE 9]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <title>健康大数据综合应用平台</title>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
    <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen"/>
    <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen"/>
    <link href="css/animate.css" rel="stylesheet" media="screen">
    <link href="flexslider/flexslider.css" rel="stylesheet"/>
    <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css"/>
    <!-- Font Awesome -->
    <link href="font/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
<header class="header">
    <div class="container" >
        <nav class="navbar navbar-inverse" role="navigation" style="padding-right: 0;">
            <div class="navbar-header">
                <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse"
                        data-target="#main-nav"><span class="sr-only">Toggle navigation</span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                <a href="#" class="navbar-brand scroll-top logo  animated bounceInLeft"><b>健康<i>大数据综合应用平台</i></b></a>
            </div>
            <!--/.navbar-header-->


            <div id="main-nav" class="collapse navbar-collapse"  style="margin-right: 0;padding-right: 0px">
                <ul class="nav navbar-nav" id="mainNav" style="font-size: 18px">
                    <li class="active" id="firstLink"><a href="#home" class="scroll-link">首页</a></li>
                    <!--/ctimage/index-->

                    <li class="dropdown">
                        <a href="#" class="scroll-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">医学影像检索系统<span class="caret"></span></a>
                        <ul class="dropdown-menu" style="font-size: 18px">
                            <li><a href="/ctimage/index">系统首页</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/ctimage/index">影像上传</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/ctimage/index">相似影像展示</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/ctimage/index">系统简介</a></li>

                        </ul>
                    </li>
                    <!--/drug/index_second-->
                    <li class="dropdown">
                        <a href="#" class="scroll-link dropdown-toggle" data-toggle="dropdown" role="button"
                           aria-haspopup="true" aria-expanded="false">中药药性识别系统 <span class="caret"></span></a>
                        <ul class="dropdown-menu" style="font-size: 18px">
                            <li><a href="/drug/index_second">系统首页</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/drug/index_second">中药分析</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/drug/index_second">相似中药检索</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/drug/index_second">系统简介</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="scroll-link dropdown-toggle" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">平台简介<span class="caret"></span></a>
                        <ul class="dropdown-menu" style="font-size: 18px">
                            <li><a href="/ctimage/algorithm_description">图像处理算法</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/ctimage/sample_data">数据样本</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/ctimage/interface">界面展示</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="/ctimage/index">医学影像检索系统说明</a></li>

                            <li role="separator" class="divider"></li>
                            <li><a href="/drug/index_second">中药药性识别系统说明</a></li>
                            <li role="separator" class="divider"></li>

                            <li><a href="#contact">关于健康大数据综合应用平台</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<div id="#top"></div>
<section id="home">
    <div class="banner-container">
        <div id="main-slider" class="flexslider">
            <ul class="slides">
                <li>
                    <img src="images/slides/1.jpg" alt=""/>
                    <div class="flex-caption container">
                        <h3>健康大数据综合应用平台</h3>
                        <p>Comprehensive Application Platform for Healthy Big Data.</p>
                        <a href="#" class="btn btn-theme">了解更多</a>
                    </div>
                </li>
                <li>
                    <img src="images/slides/2.jpg" alt=""/>
                    <div class="flex-caption container">
                        <h3>致力于医学影像检索与分析</h3>
                        <p>Focus on medical image retrieval and analysis.</p>
                        <a href="#" class="btn btn-theme">了解更多</a>
                    </div>
                </li>
                <li>
                    <img src="images/slides/3.jpg" alt=""/>
                    <div class="flex-caption container">
                        <h3>相似性度量算法</h3>
                        <p>Similarity measure algorithm.</p>
                        <a href="#" class="btn btn-theme">了解更多</a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- end slider -->
    </div>
    <div class="container hero-text2">
        <h3 style="text-align: left;text-indent: 2em">
            健康大数据综合应用平台是基于云计算、大数据、人工智能技术，构建了智慧影像云台、大数据智能分析云台以及影像智能筛查系统等核心服务，打造了医学影像的数字化、移动化、智能化，完成了从筛查、诊断、治疗决策支持的闭环。</h3>


        <h3 style="text-align: left;text-indent: 2em">
            中药药性识别系统是基于科学计算、大数据、人工智能技术，构建了中医药性分析、相似中药展示、分析等核心服务，促进了中药的数字化、智能化，方便人们进行检索分析。
        </h3>

    </div>
</section>
<section class="page-section colord">
    <div class="container">
        <div class="row" style="display: flex;flex-wrap: wrap;flex-direction: row;">
            <!-- item -->
            <div class="col-md-offset-2 col-md-3 text-center" style="align-items: stretch;display: flex;flex-grow:1">
                <div class="b1"><i class="circle"><img src="images/a1.jpg" alt=""/></i>
                    <h3>健康大数据应用平台</h3>
                    <p>致力于医学大数据和人工智能的研究</p>
                </div>
            </div>
            <!-- end: -->

            <!-- item -->
            <div class="col-md-3 text-center" style="align-items: stretch;display: flex;flex-grow:1">
                <div class="b1"><i class="circle"> <img src="images/a2.jpg" alt=""/></i>
                    <h3>医学影像识别系统</h3>
                    <p>构建医学影像大数据平台</p>
                </div>
            </div>
            <!-- end: -->

            <!-- item -->
            <div class="col-md-3 text-center" style="align-items: stretch;display: flex;flex-grow:1">
                <div class="b1"><i class="circle"> <img src="images/a3.jpg" alt=""/></i>
                    <h3>中药药性识别系统</h3>
                    <p>研究中药药性以及相似药性检索</p>
                </div>
            </div>
            <!-- end: -->

        </div>
    </div>
    <!--/.container-->
</section>
<section>
    <div class="container">
        <div class="heading text-center">
            <!-- Heading -->
            <h2>关于平台</h2>
            <p>About the platform.</p>
        </div>
        <div class="row feature design" >
            <div class="area1 columns right" style="text-align: left;text-indent: 2em">
                <p>医学图像检索系统的核心是相似性度量算法，该算法从语义和视觉两方面学习了一个表征相似性的距离度量，从而保证了检索到肿瘤图像和查询图像在语义和视觉上都是相似性，提高了医生对检索结果的认可。</p>
            </div>
            <!--<div class="area2 columns feature-media left"></div>-->
        </div>

    </div>

</section>
<section id="clients">
    <div id="demo" class="clients">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="customNavigation"><a class="prev"><i class="fa fa-chevron-circle-left"></i></a> <a
                            class="next"><i class="fa fa-chevron-circle-right"></i></a></div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">手机网站模板</a></div>
<section id="" class="page-section page">
    <div class="container text-center">
        <div class="heading">
            <h2>平台展示</h2>
            <p>Platform display.</p>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div id="portfolio">
                    <ul class="filters list-inline" style="display:none;">
                        <li><a class="active" data-filter="*" href="#">All</a></li>
                        <li><a data-filter=".photography" href="#">Design</a></li>
                        <li><a data-filter=".branding" href="#">Development</a></li>
                        <li><a data-filter=".web" href="#">Mobile</a></li>
                    </ul>
                    <ul class="items list-unstyled clearfix animated fadeInRight showing" data-animation="fadeInRight"
                        style="position: relative; height: 438px;">
                        <li class="item branding" style="position: absolute; left: 0px; top: 0px;"><a
                                href="images/work/1.jpg" class="fancybox"> <img src="images/work/1.jpg" alt="">
                            <div class="overlay"><span>Etiam porta</span></div>
                        </a></li>
                        <li class="item photography" style="position: absolute; left: 292px; top: 0px;"><a
                                href="images/work/2.jpg" class="fancybox"> <img src="images/work/2.jpg" alt="">
                            <div class="overlay"><span>Lorem ipsum</span></div>
                        </a></li>
                        <li class="item branding" style="position: absolute; left: 585px; top: 0px;"><a
                                href="images/work/3.jpg" class="fancybox"> <img src="images/work/3.jpg" alt="">
                            <div class="overlay"><span>Vivamus quis</span></div>
                        </a></li>
                        <li class="item photography" style="position: absolute; left: 877px; top: 0px;"><a
                                href="images/work/4.jpg" class="fancybox"> <img src="images/work/4.jpg" alt="">
                            <div class="overlay"><span>Donec ac tellus</span></div>
                        </a></li>
                        <li class="item photography" style="position: absolute; left: 0px; top: 219px;"><a
                                href="images/work/5.jpg" class="fancybox"> <img src="images/work/5.jpg" alt="">
                            <div class="overlay"><span>Etiam volutpat</span></div>
                        </a></li>
                        <li class="item web" style="position: absolute; left: 292px; top: 219px;"><a
                                href="images/work/6.jpg" class="fancybox"> <img src="images/work/6.jpg" alt="">
                            <div class="overlay"><span>Donec congue </span></div>
                        </a></li>
                        <li class="item photography" style="position: absolute; left: 585px; top: 219px;"><a
                                href="images/work/7.jpg" class="fancybox"> <img src="images/work/7.jpg" alt="">
                            <div class="overlay"><span>Nullam a ullamcorper diam</span></div>
                        </a></li>
                        <li class="item web" style="position: absolute; left: 877px; top: 219px;"><a
                                href="images/work/8.jpg" class="fancybox"> <img src="images/work/8.jpg" alt="">
                            <div class="overlay"><span>Etiam consequat</span></div>
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="" class="page-section">
    <div class="container">
        <div class="heading text-center">
            <h2>我们的计划</h2>
            <p>Our Plans.</p>
        </div>
        <div class="row flat">
            <div class="col-lg-3 col-md-3 col-xs-12">
                <ul class="plan plan1">
                    <li class="plan-name">Basic</li>
                    <li class="plan-price"><strong>$29</strong> / month</li>
                    <li><strong>5GB</strong> Storage</li>
                    <li><strong>1GB</strong> RAM</li>
                    <li><strong>400GB</strong> Bandwidth</li>
                    <li><strong>10</strong> Email Address</li>
                    <li><strong>Forum</strong> Support</li>
                    <li class="plan-action"><a href="#" class="btn btn-danger btn-lg">Signup</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-3 col-xs-12">
                <ul class="plan plan2 featured">
                    <li class="plan-name">Standard</li>
                    <li class="plan-price"><strong>$39</strong> / month</li>
                    <li><strong>5GB</strong> Storage</li>
                    <li><strong>1GB</strong> RAM</li>
                    <li><strong>400GB</strong> Bandwidth</li>
                    <li><strong>10</strong> Email Address</li>
                    <li><strong>Forum</strong> Support</li>
                    <li class="plan-action"><a href="#" class="btn btn-danger btn-lg">Signup</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-3 col-xs-12">
                <ul class="plan plan3">
                    <li class="plan-name">Advanced</li>
                    <li class="plan-price"><strong>$199</strong> / month</li>
                    <li><strong>50GB</strong> Storage</li>
                    <li><strong>8GB</strong> RAM</li>
                    <li><strong>1024GB</strong> Bandwidth</li>
                    <li><strong>Unlimited</strong> Email Address</li>
                    <li><strong>Forum</strong> Support</li>
                    <li class="plan-action"><a href="#" class="btn btn-danger btn-lg">Signup</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-3 col-xs-12">
                <ul class="plan plan4">
                    <li class="plan-name">Mighty</li>
                    <li class="plan-price"><strong>$999</strong> / month</li>
                    <li><strong>50GB</strong> Storage</li>
                    <li><strong>8GB</strong> RAM</li>
                    <li><strong>1024GB</strong> Bandwidth</li>
                    <li><strong>Unlimited</strong> Email Address</li>
                    <li><strong>Forum</strong> Support</li>
                    <li class="plan-action"><a href="#" class="btn btn-danger btn-lg">Signup</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section id="contact" class="contact-parlex">
    <div class="parlex-back">
        <div class="container">
            <div class="row">
                <div class="heading text-center">
                    <!-- Heading -->
                    <h2 style="color: #ffffff">联系我们</h2>
                    <p>Contact us.</p>
                </div>
            </div>
            <div class="row mrgn30">
                <form method="post" id="contactfrm" role="form">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" class="form-control" name="name" id="name" placeholder="Enter name"
                                   title="Please enter your name (at least 2 characters)">
                        </div>
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="email" class="form-control" name="email" id="email" placeholder="Enter email"
                                   title="Please enter a valid email address">
                        </div>
                        <div class="form-group">
                            <label for="comments">Comments</label>
                            <textarea name="comment" class="form-control" id="comments" cols="3" rows="5"
                                      placeholder="Enter your message…"
                                      title="Please enter your message (at least 10 characters)"></textarea>
                            <button name="submit" onclick="return false" type="submit" class="btn btn-lg btn-primary" id="submit">提交</button>
                        </div>
                        <div class="result"></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<footer>
    <div class="container" style="color: #ffffff">
        <div class="row">
            <div class="col-md-3">
                <div class="col">
                    <h4>Contact us</h4>
                    <h3>山东中医药大学</h3>
                    <ul>
                        <li>Email: <a href="mailto:info@example.com" title="Email Us"><a href="mailto:@example.com">bmie530@163.com</a><a
                                href="mailto:info@example.com" title="Email Us">
                            <div></div>
                            <div></div>
                        </a></li>
                    </ul>
                </div>
            </div>

            <div class="col-md-3">
                <div class="col">
                    <h4>Mailing list</h4>
                    <p>Lorem ipsum dolor sit amet, ea eum labitur scsstie percipitoleat.</p>
                    <form class="form-inline">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Your email address...">
                            <span class="input-group-btn">
                                <button class="btn" type="button">Go!</button>
                            </span>
                        </div>
                    </form>
                </div>
            </div>

            <div class="col-md-3">
                <div class="col col-social-icons">
                    <h4>Follow us</h4>
                    <h5>医学影像综合应用平台</h5>
                    <h5>中药药性识别应用平台</h5></div>
            </div>
            <div class="col-md-3">
                <div class="col">
                    <h4>Latest News</h4>
                    <p>
                        Lorem ipsum dolor labitur scsstie per sit amet, ea eum labitur scsstie percipitoleat.
                        <br><br>
                        <a href="#" class="btn">了解更多</a>
                    </p>
                </div>
            </div>
        </div>

    </div>

</footer>

<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>

<!--[if lte IE 8]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/waypoints.js"></script>
<script src="flexslider/jquery.flexslider.js"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/owl-carousel/owl.carousel.js"></script>

<script>
    $("#main-nav ul li").hover(function(){
        $(this).children("ul").show()

    },function(){
        $(this).children("ul").hide()
    })
</script>

</body>
</html>
